<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="${s.base}/mobile/base/css/base.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="${s.base}/mobile/shaping/css/index.css"/>
		<style type="text/css">
			body,html{background: #fff;}
		</style>
	</head>
	<body>
		<div id="swiper-container-2" class="swiper-container">
			<div class="swiper-wrapper">

			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
		<div class="zixun">
			<div class="zixun_block">
				<img src="${s.base}/mobile/shaping/img/11.png" alt="">
				<div class="zixun_1">
					<p>预约咨询热线</p>
					<p>${webConfig.telephone}</p>
				</div>
			</div>
			<div class="zixun_block">
				<img src="${s.base}/mobile/shaping/img/12.png" alt="">
				<div class="zixun_1">
					<p>门诊时间（无假日医院）</p>
					<p>08:30-19:30</p>
				</div>
			</div>
			<div class="zixun_block">
				<img src="${s.base}/mobile/shaping/img/13.png" alt="">
				<div class="zixun_1">
					<p>来院路线</p>
					<p style="font-size: 16px;">${webConfig.address}</p>
				</div>
			</div>
			<div class="zixun_block">
				<p style="font-size:40px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);line-height:36px;">立即咨询</p>
			</div>
		</div>
		
		<div id="second_2">

		</div>
		<div class="cut"></div>
		<div class="cyt_second_show">

		</div>
	</body>
</html>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/base/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/swiper.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/shaping/js/window_port.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/component.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function(e) {
        initDate();
    });
    function initDate() {
        acceptXygBanner('20190607160517056955064636628094','${webConfig.userId}',function (data) {
            data.forEach(function (item,key,mapObj) {
                $(".swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" /></div>');
            });
            $.fn.initXygCompBanner($(".swiper-container"),".swiper-pagination");
        });
        acceptXygArticleListByColId('20190607161311091882192212028202','${webConfig.userId}','-1',function (data) {
            var title="";
            var content="";
            data.forEach(function (item,key,mapObj) {
                if(key==0){
                    title='<span class="active_second" onclick="selectTitle(this,\''+item.id+'\')">'+item.title+'</span>';
                    content='<div class="copnner" id="'+item.id+'">'+item.content+'</div>';
                }else{
                    title+='<span onclick="selectTitle(this,\''+item.id+'\')">'+item.title+'</span>';
                    content+='<div class="copnner"  style="display: none;" id="'+item.id+'">'+item.content+'</div>';
                }
            });

            $("#second_2").html(title);
            $(".cyt_second_show").html(content);
        });
    }

    /**
	 * 展示内容
     * @param id
     */
    function selectTitle(obj,id) {
		$("#second_2 span").removeClass("active_second");
		$(obj).addClass("active_second");
		$(".copnner").hide();
		$("#"+id).show();
    }
</script>
